<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="../org/angular.min.js"></script>
    <script src="../org/jquery.min.js"></script>
</head>
<body>

<div ng-app="hd">

    <hd-cms></hd-cms>
    <hd-cms></hd-cms>
    <hd-cms></hd-cms>

</div>


<script>
    var m = angular.module('hd', []);
    m.directive('hdCms', function () {
        //构建指令的代码
        return {
            restrict:'E',   //指生成指令在页面中的表现形式: A 是指attr  E 是指element C 是指class，不建议使用C
            replace: true,
            templateUrl: '../view/57.html',
            controller: ['$scope', function ($scope) { //controller属性表示指令内部定义的一个控制器
                $scope.data = [
                    {id: 1, name: '后盾人'},
                    {id: 2, name: '后盾人2'},
                    {id: 3, name: '后盾人3'},
                    {id: 4, name: '后盾人4'},
                ];
            }],
        }
    });



</script>


</body>
</html>

